<template>
	<div class="card-confirm-order-cardservice">

		<ul class="service-list">
			<li v-for="item in itemData">
				<div>{{item.serviceName}}</div>
			</li>
		</ul>
		

	</div>
</template>
<script>
	export default {
		data() {
				return {
					itemData:''
				}
			},
			ready: function() {

				if(sessionStorage.cacheSeverLocalStorage == ''){
					this.itemData = '';
				}else{
					this.itemData = JSON.parse(sessionStorage.cacheSeverLocalStorage);
				}
				delete this.itemData.serverLength;
			}
	}
</script>
<style lang="scss">
	@import "../../assets/css/_functions.scss";
	@import "../../assets/css/_variables.scss";
	
	.card-confirm-order-cardservice {
		font-size: rem(14);
		color: #333;
		.service-list{
			padding-left: rem(14);
			margin-bottom: rem(60);
			background: #fff;
			li{
				display: flex;
				align-items: center;
				height: rem(44);
				border-bottom: 1px solid #dedede;
				div{
					font-size: rem(13);
					color:#2992cf;
					padding-left: rem(10);
				}
			}
			li:last-child{
				border-bottom:0;
			}
		}
	}
</style>